<template>
	<div id='CybList'>
		<div class="cyb_list" v-for="item in dataList" @click="goCybList">
			<img  class="cyb_list_img" src="" alt="" />
			<div class="list_right">
				<div class="list_title c_text_ellipsis_2">创业者培训班第创业者培训班第创业者培训班第创业者培训班第 30 期的直播</div>
				<div class="list_bottom" v-if="lookFlg">
					<div class="list_bottom_people">3504听课</div>
					<div v-if="true" class="list_bottom_label">进行中</div>
					<div style="color:#999999 ;" v-else class="list_bottom_label">已结束</div>
				</div>
				<div class="list_bottom " v-else>
					<div class="list_bottom_num">
						<img class="list_bottom_img" src="../../assets/index_look.png" alt="" />
						<div class="list_bottom_num">345次</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'CybList',
		props: {
			dataList: {
				default:function(){
					return []
				},
			},
			lookFlg:{
				default:true,
			}
			
		},
		components:{
			
		},
		data(){
			return {
				
			}
		},
		created() {
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			document.title=''
		},
		methods:{
			goCybList(){
				this.$dialog.confirm({
                    title: '温馨提示',
                    mes: '下载“榜样商学院”APP才可体验该功能哦~',
                    opts: [
                    	{
                            txt: '取消',
                            color: false,
                            callback: () => {

                       		},
                    	},
                        {
                            txt: '去下载',
                            stay: true,
                            color: '#C59539',
                            callback: () => {
								window.location=this.$root.config.downAppUrl
                            }
                        },
                    ]
                });
			}
		}
	}
</script>

<style lang="scss">
	@import './CybList.scss';
</style>